﻿<?php
$nameWeb = 'caucasaucau.com';
?>

<html>
    <head>

        <title>Câu cá sáu cao</title>
        <meta charset="utf-8"/>
        <script type="text/javascript" src="js/jquery-v1.8.3.js"></script>
        <script type="text/javascript" src="js/jquery.orbit-1.2.3.min.js"></script>
        <link href="http://localhost/CauCa/img/favicon.ico" rel="icon" type="image/x-icon"/>
        <script type="text/javascript">
            function response(wid) {
                if (wid <= 899) {
                    $('#Bg_Top,#Bg_Bottom,#face,#Slide_Show').css({display: 'none'});
                    $('#Dad,#Slide_Show,#Menu,#Menu2').css({width: wid});
                    $('#Back_Top img').attr('src', 'img/arr.gif');
                    $('#Back_Top img').attr('width', '30px');
                    $('#Content img').width(wid);
                    $('#But_Menu').show();
                    $('#Menu').hide();
                    $('#Menu2').show();
                    $('#Menu2').hover(function() {
                        $('#Menu2 ul').show();

                    }, function() {
                        $('#Menu2 ul').hide();
                    });
                } else {
                    $('#Back_Top img').attr('src', 'img/bait-icon.png');
                    $('#Back_Top img').attr('width', '100px');
                    $('#Bg_Top,#Bg_Bottom,#face,#Slide_Show').css({display: 'block'});
                    $('#Dad,#Slide_Show,#Menu,#featured,.orbit-caption,.orbit-wrapper,.slider-nav,#Menu2').css({width: '1007px'});
                    $('#featured img').attr('width', '1007px');
                    $('#Menu2').hide();
                    $('#Menu').show();
                }
            }
            $(window).resize(function() {
                response($(window).width());
            });
            $(document).ready(function() {
                response($(window).width());

                $('#featured').orbit();
                $('#Menu li,#Menu2 li').click(function() {
                    var alt = $(this).find('a').attr('alt');
                    var off = $('#' + alt).offset();
                    // alert(alt);
                    $("body, html").animate({
                        scrollTop: (off.top - 50)
                    }, 1000);
                });
                $('#Back_Top').click(function() {
                    $("body, html").animate({
                        scrollTop: 0
                    }, 1000);
                });
            });

            $(document).scroll(function() {
                var scl = $(document).scrollTop();
                if (scl >= 302) {
                    $('#Back_Top').css({top: '3px'});
                    $('#Bg_Bottom').animate({bottom: '0px'}, 0);
                    $('#face').animate({bottom: '83px'}, 0);
                    $('#Menu').css({'position': 'fixed'});
                    $('#Menu2').css({'position': 'fixed'});
                } else {
                    $('#Back_Top').css({top: '-593px'});
                    $('#Bg_Bottom').animate({bottom: '-73px'}, 50);
                    $('#face').animate({bottom: '10px'}, 50);
                    $('#Menu').css({'position': 'static'});
                    $('#Menu2').css({'position': 'static'});
                }
            });

        </script>
        <link rel="stylesheet" type="text/css" href="css/S_Reset.css">
        <link rel="stylesheet" type="text/css" href="css/S_Style.css">
        <link rel="stylesheet" href="css/orbit-1.2.3.css">
    </head>
    <body>
        <div id="Bg_Top"></div>
        <a id='face' href='https://www.facebook.com/hocausaucao?ref=hl'><img alt='<?php echo $nameWeb; ?>' src='img/f_small.png' /></a>
        <div id="Bg_Bottom">
            <div id="B_Img"></div>
            <div id="B_Color"></div>
        </div>
        <div id='Back_Top'>
            <img alt="<?php echo $nameWeb; ?>" width="100px" src="img/bait-icon.png" />
        </div>
        <div id="Dad">

            <div id="Slide_Show">
                <img id="Logo" width="350px" src="img/LOGO.png" />
                <div id="featured"> 
                    <img alt="<?php echo $nameWeb; ?>" width="1007px" height="300px" src="img/dummy-images/1.jpg" />
                    <img alt="<?php echo $nameWeb; ?>" width="1007px" height="300px" src="img/dummy-images/2.jpg" />
                    <img alt="<?php echo $nameWeb; ?>" width="1007px" height="300px" src="img/dummy-images/3.jpg"  />
                </div>
            </div><!-- End Slide Show -->

            <div id="Menu">
                <ul>
                    <li><a alt="Home">Trang chủ</a></li>
                    <li><a href="./gallery/gallery.php">Hỗ trợ câu cá</a></li>
                    <li><a alt="Home">Giới thiệu</a></li>
                    <li><a alt="Serv">Dịch vụ</a></li>
                    <li><a alt="Cham">Giải câu</a></li>
                    <li><a href="./gallery/gallery.php">Thư viện ảnh</a></li>
                    <li><a alt="Foot">Liên hệ</a></li>
                </ul>
            </div>
            <div id="Menu2">
                <a href='https://www.facebook.com/hocausaucao?ref=hl'><img style='margin-top: 5px;float: left' width="30px" alt='<?php echo $nameWeb; ?>' src='img/f_small.png' /></a>
                <div id="But_Menu">Menu</div>
                <ul>
                    <li><a alt="Home">Trang chủ</a></li>
                    <li><a href="./gallery/gallery.php">Hỗ trợ câu cá</a></li>
                    <li><a alt="Home">Giới thiệu</a></li>
                    <li><a alt="Serv">Dịch vụ</a></li>
                    <li><a alt="Cham">Giải câu</a></li>
                    <li><a href="./gallery/gallery.php">Thư viện ảnh</a></li>
                    <li><a alt="Foot">Liên hệ</a></li>
                </ul>
            </div>
            <div id="Content">
                <?php require 'article/bai8.html'; ?>
            </div>
            <div id="map-holder">
                <div id="map">
                    <iframe width="600px" height="350" style="float:left" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=khu+ph%E1%BB%91+3+ph%C6%B0%E1%BB%9Dng+28,+B%C3%ACnh+Qu%E1%BA%BF+Qu%E1%BA%ADn+B%C3%ACnh+Th%E1%BA%A1nh,+Tp+H%E1%BB%93+Ch%C3%AD+Minh&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=41.275297,86.572266&amp;ie=UTF8&amp;hq=&amp;hnear=B%C3%ACnh+Qu%E1%BB%9Bi,+B%C3%ACnh+Th%E1%BA%A1nh,+H%E1%BB%93+Ch%C3%AD+Minh,+Vietnam&amp;t=m&amp;z=14&amp;ll=10.8231,106.73155&amp;output=embed"></iframe>
                </div>
            </div>
            <div id='stats' style='background: #000;height:350px;width:400px;float:left;margin-left: 5px'>
                <script type="text/javascript">if (typeof (window["s4uid"]) == "undefined") {
                        var s4uid = new Array();
                        var s4u_paramsarr = new Array();
                        var s4u_sp = new Array();
                        var s4uc = 0;
                        var acts4uc = 0;
                        var dAsd = new Array();
                        var temp1 = 0;
                    }
                    (function() {
                        s4uid[s4uc] = "773358";
                        s4u_paramsarr[s4uc] = new Array();
                        s4u_paramsarr[s4uc]["s4ustyleid"] = "17";
                        s4u_sp[s4uc] = new Array();
                        document.write("<span id=s4u_cp" + s4uc + "></span>");
                        var s4u = document.createElement("script");
                        s4u.type = "text/javascript";
                        s4u.async = true;
                        s4u.src = ("https:" == document.location.protocol ? "https://www" : "http://www") + ".stats4u.net/s4u.js";
                        var x = document.getElementsByTagName("script")[0];
                        x.parentNode.insertBefore(s4u, x);
                        s4uc++;
                    })();</script><noscript><a target="_blank"><img src="https://www.stats4u.net/index.php?action=pic&s4uid=773358&s4ustyleid=17&js=0" border="0" alt="Stats4U - Counters, live web stats and more!" style="vertical-align:bottom" title="Stats4U - Counters, live web stats and more!"></a></noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,45,2" width="280" height="280" id="s4uglobe"><param name="movie" value="https://www.stats4u.net/swf/g3.swf" /><param name="src" value="https://www.stats4u.net/swf/g3.swf" /><param name="play" value="true" /><param name="devicefont" value="false" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="menu" value="true" /><param name="quality" value="high" /><param name="FlashVars" value="s4uid=773358&lng=en" /><param name="align" value="middle" /><param name="scale" value="noscale" /><embed FlashVars="s4uid=773358&lng=en" src="https://www.stats4u.net/swf/g3.swf" quality="high" width="280" height="280" name="s4uglobe" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>
            </div>
            <div id="Foot">
                <p>Địa chỉ: Cách cầu Ông Ngữ 200 m khu phố 3 phường 28, Bình Quế Quận Bình Thạnh, Tp Hồ Chí Minh</p>
                <p>Điện thoại: 01262334973 </p>
                <p>Email: hocausaucao@gmail.com </p>
                <p>Website: hocausaucao.com.vn </p>
            </div>

        </div><!-- End Dad -->
    </body>
</html>